main{
    overflow-y: auto;
    .category{
        display: grid;
        grid-template: repeat(2,70px)/repeat(5,1fr);
    }
    .hot{
        margin-top: 15px;
        display: grid;
        gap: 3px;
        background-color: white;
        grid-template:repeat(2,1fr)/repeat(2,1fr);
        >a:first-child{
            grid-row-end: span 2;
        }
    }
    .goods{
        display: grid;
        grid-template-rows: 1fr 1fr 1fr 1fr 50px;
        grid-template-columns: repeat(2,1fr);
        background-color: white;
        gap: 5px;
        a{
            display: grid;
            text-decoration: none;
            color: #999;
            justify-items: center;
            align-items: center;
            &>.preview{
               
               
            }
            &>h3{
                color: black;
                font-size: 14px;
            }
            &>.info{
                font-size: 12px;
            }
            &>.price{
                color:#EA625B ;
                font-size: 12px;
                margin: 0 auto;
                del{
                    color: #999;
                }
            }
            &>.btn{
                background-color: #EA625B;
                padding: 5px 25px;
                display: inline-block;
                border-radius: 2px;
                color: white;
                font-size: 12px;
            }
        }
        >a:last-child{
            grid-column-end: span 2 ;
            
            justify-content: center;
            align-content: center;
            font-size: 14px;
            border-top: solid 1px #CECECE;
        }
    }
}